@keyframes page-change-mobile{
	from{
		transform: rotateY(180deg);
		opacity: 0;
	}
	to{
		transform: rotateY(360deg);
		opacity: 1;
	}
	
}

@keyframes page-change{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@-webkit-keyframes page-change-mobile{
	from{
		-webkit-transform: rotateY(180deg);
		opacity: 0;
	}
	to{
		-webkit-transform: rotateY(360deg);
		opacity: 1;
	}
	
}

@-webkit-keyframes page-change{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

@-moz-keyframes page-change-mobile{
	from{
		-moz-transform: rotateY(180deg);
		opacity: 0;
	}
	to{
		-moz-transform: rotateY(360deg);
		opacity: 1;
	}
	
}

@-moz-keyframes page-change{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}

.wrap-page{
	overflow-x:hidden;
	width:100%;

	margin:0;
	padding:0;

	.page{
		display: none;
		min-height: 700px;

		&.active{
			display:block !important;

			animation: page-change-mobile 0.5s ease-in;
			animation-fill-mode: forwards;

			-webkit-animation: page-change-mobile 0.5s ease-in;
			-webkit-animation-fill-mode: forwards;

			-moz-animation: page-change-mobile 0.5s ease-in;
			-moz-animation-fill-mode: forwards;

			@media(min-width: 768px){
				animation: page-change 0.5s ease-in;
				animation-fill-mode: forwards;

				-webkit-animation: page-change 0.5s ease-in;
				-webkit-animation-fill-mode: forwards;

				-moz-animation: page-change 0.5s ease-in;
				-moz-animation-fill-mode: forwards;
			}
		}
	}
}